<template>
    <div>组件b</div>
    <div @click="aaa">按钮</div>
    <div>{{value}}</div>
</template>
<script setup>
import { ref, onActivated, onDeactivated } from 'vue'
const value = ref(0)
function aaa() {
    value.value = value.value + 1
}
onActivated(() => {
    // 调用时机为首次挂载
    // 以及每次从缓存中被重新插入时
    console.log('dddd')
})

onDeactivated(() => {
    // 在从 DOM 上移除、进入缓存
    // 以及组件卸载时调用
    console.log('eeee')

})
</script>